<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品展示</title>
    <!--重置样式-->
    <link rel="stylesheet" href="css/reset.css">
    <!--公用样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--当前页面样式-->
    <link rel="stylesheet" href="css/product.css">
</head>
<body>
<div class="header">
    <div class="top">
        <div class="container">
            <div class="left">
                全国服务热线：400-000-0000
            </div>
            <div class="right fr">
                <a href="javascript:;">设为首页</a>
                <a href="javascript:;">加入收藏</a>
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="container">
            <div class="logo">
                <a href="index.html">
                    <img src="images/logo.png" alt="">
                </a>
            </div>
            <div class="nav">
                <ul>
                    <li class="cur">
                        <a href="index.html">
                            <p class="zh">首页</p>
                            <p>Home</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p class="zh">关于我们</p>
                            <p>About</p>
                        </a>
                    </li>
                    <li>
                        <a href="product.html">
                            <p class="zh">产品中心</p>
                            <p>Products</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p class="zh">服务支持</p>
                            <p>Service</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p class="zh">新闻中心</p>
                            <p>News</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p class="zh">在线商店</p>
                            <p>Shop</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p class="zh">联系我们</p>
                            <p>Contact Us</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="content">
    <div class="banner">
        <img src="images/product/banner.png" height="222" width="1280"/>
    </div>
    <div class="link">
        <a href="index.html">首页</a>
        &gt;
        <a href="javascript:;">新闻发布</a>
    </div>
    <div class="content-nav">
        <ul>
            <li><a href="javascript:;" class="item1">百万高清系列</a><i></i></li>
            <li><a href="javascript:;" class="item2">标清系列</a><i></i></li>
            <li><a href="javascript:;" class="item3">户外防水系列</a><i></i></li>
            <li><a href="javascript:;" class="item4">室内系列</a><i></i></li>
        </ul>
    </div>
    <div class="search">
        <form action="">
            <input type="text" placeholder="搜索产品">
            <span></span>
        </form>

    </div>
    <div class="product">
        <ul>
            <li>
                <a href="details.html" class="img"><img src="images/product/pic1.jpg"/></a>
                <a href="details.html" class="wz">S6202Y-WR</a>
                <a href="details.html" class="ms">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</a>
            </li>
            <li>
                <a href="" class="img"><img src="images/product/pic1.jpg"/></a>
                <a href="" class="wz">S6202Y-WR</a>
                <a href="" class="ms">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</a>
            </li>
            <li>
                <a href="" class="img"><img src="images/product/pic1.jpg"/></a>
                <a href="" class="wz">S6202Y-WR</a>
                <a href="" class="ms">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</a>
            </li>
            <li>
                <a href="" class="img"><img src="images/product/pic1.jpg"/></a>
                <a href="" class="wz">S6202Y-WR</a>
                <a href="" class="ms">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</a>
            </li>
            <li>
                <a href="" class="img"><img src="images/product/pic1.jpg"/></a>
                <a href="" class="wz">S6202Y-WR</a>
                <a href="" class="ms">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</a>
            </li>
            <li>
                <a href="" class="img"><img src="images/product/pic1.jpg"/></a>
                <a href="" class="wz">S6202Y-WR</a>
                <a href="" class="ms">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</a>
            </li>
            <li>
                <a href="" class="img"><img src="images/product/pic1.jpg"/></a>
                <a href="" class="wz">S6202Y-WR</a>
                <a href="" class="ms">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</a>
            </li>
            <li>
                <a href="" class="img"><img src="images/product/pic1.jpg"/></a>
                <a href="" class="wz">S6202Y-WR</a>
                <a href="" class="ms">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</a>
            </li>
            <li>
                <a href="" class="img"><img src="images/product/pic1.jpg"/></a>
                <a href="" class="wz">S6202Y-WR</a>
                <a href="" class="ms">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</a>
            </li>
        </ul>
    </div>
    <div class="page">
        <a href="#">上一页</a>
        <a href="#" class="one">1</a>
        <a href="#">2</a>
        <a href="#">3</a>
        <a href="#">4</a>
        <a href="#">5</a>
        <a href="#">6</a>
        <a href="#">下一页</a>
    </div>
</div>
<div class="footer">
    <div class="footer-top">
        <p><span>关注我们：</span><img src="images/index/parter.png" alt=""></p>
        <ul>
            <li><a href="index.html">网站首页</a></li>
            <li><a href="javascript:;">新闻动态</a></li>
            <li><a href="javascript:;">关于我们</a></li>
            <li><a href="javascript:;">团队风采</a></li>
            <li><a href="javascript:;">联系我们</a></li>
            <li><a href="javascript:;">在线留言</a></li>
        </ul>
    </div>
    <div class="footer-bottom">
        <p>&copy;2015 TK科技有限公司 版权所有沪ICP证13022560号-7 All Rights Reserved</p>
    </div>
</div>
</body>
</html>